<template>
  <div class="share_records_page">
    <CommonHeader title="分享记录" />
    <div class="records_content page_no_tab_bar">
      <!-- 节点记录 头部 -->
      <div class="records_title">
        <div>时间</div>
        <div>用户名</div>
        <div>奖励USDT</div>
      </div>
      <!-- 节点记录 列表 -->
      <ul class="records_list">
        <li v-for="(item, index) in 8" :key="index">
          <div>
            <div>2025/8/10</div>
            <div>18:15:20</div>
          </div>
          <div>2845745@qq.com</div>
          <div>100USDT</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
import CommonHeader from "@/components/CommonHeader.vue";
</script>

<style lang="scss" scoped>
.share_records_page {
  .records_content {
    padding-top: 10px;
    .records_title {
      display: flex;
      justify-content: space-between;
      color: #16e65c;
      div {
        padding: 15px 0px;
        flex: 1;
        text-align: center;
      }
      div:first-child {
        text-align: left;
      }
      div:last-child {
        text-align: right;
      }
    }
    .records_list {
      li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        &>div {
          flex: 1;
          text-align: center;
        }
        &>div:first-child {
          text-align: left;
        }
        &>div:last-child {
          text-align: right;
        }
      }
    }
  }
}
</style>
